<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="view/bac/css/font-awesome.min.css" rel="stylesheet">
    <link href="view/bac/css/animate.css" rel="stylesheet">
    <link href="view/bac/css/style.css" rel="stylesheet">
    <link href="view/plugins/jsTree/style.min.css" rel="stylesheet">
</head>
<body>
	<div class="row">
	<div class="col-sm-6">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<h5>基本示例
					<small>使用Font Awesome图标</small></h5>
				<div class="ibox-tools">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<div class="ibox-content">
				<div id="jstree1" class="jstree jstree-1 jstree-default" role="tree" aria-multiselectable="true" tabindex="0" aria-activedescendant="j1_5" aria-busy="false">
					<ul class="jstree-container-ul jstree-children" role="group">
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j1_1_anchor" aria-expanded="true" id="j1_1" class="jstree-node  jstree-open jstree-last">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j1_1_anchor">
								<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>H+主题</a>
							<ul role="group" class="jstree-children">
								<li role="treeitem" aria-selected="true" aria-level="2" aria-labelledby="j1_2_anchor" aria-expanded="true" id="j1_2" class="jstree-node jstree-open">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="j1_2_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>css</a>
									<ul role="group" class="jstree-children" style="">
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;css&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_3_anchor" id="j1_3" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_3_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>animate.css</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;css&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_4_anchor" id="j1_4" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_4_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>bootstrap.css</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;css&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_5_anchor" id="j1_5" class="jstree-node  jstree-leaf jstree-last">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_5_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>style.css</a>
										</li>
									</ul>
								</li>
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j1_6_anchor" aria-expanded="false" id="j1_6" class="jstree-node  jstree-closed">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_6_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>email-templates</a>
								</li>
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j1_10_anchor" aria-expanded="false" id="j1_10" class="jstree-node  jstree-closed">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_10_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>fonts</a>
								</li>
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j1_15_anchor" aria-expanded="false" id="j1_15" class="jstree-node jstree-closed">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_15_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>img</a>
								</li>
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j1_20_anchor" aria-expanded="true" id="j1_20" class="jstree-node  jstree-open">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_20_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom" role="presentation"></i>js</a>
									<ul role="group" class="jstree-children">
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;js&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_21_anchor" id="j1_21" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_21_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-text-o jstree-themeicon-custom" role="presentation"></i>hplus.js</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;js&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_22_anchor" id="j1_22" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_22_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-text-o jstree-themeicon-custom" role="presentation"></i>bootstrap.js</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;js&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_23_anchor" id="j1_23" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_23_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-text-o jstree-themeicon-custom" role="presentation"></i>jquery-2.1.1.js</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;js&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_24_anchor" id="j1_24" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_24_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-text-o jstree-themeicon-custom" role="presentation"></i>jquery-ui.custom.min.js</a>
										</li>
										<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;js&quot;}" aria-selected="false" aria-level="3" aria-labelledby="j1_25_anchor" id="j1_25" class="jstree-node text-navy jstree-leaf jstree-last">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j1_25_anchor">
												<i class="jstree-icon jstree-themeicon fa fa-file-text-o jstree-themeicon-custom" role="presentation"></i>jquery-ui-1.10.4.min.js</a>
										</li>
									</ul>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_26_anchor" id="j1_26" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_26_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>affix.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_27_anchor" id="j1_27" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_27_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>dashboard.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_28_anchor" id="j1_28" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_28_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>buttons.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_29_anchor" id="j1_29" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_29_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>calendar.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_30_anchor" id="j1_30" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_30_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>contacts.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_31_anchor" id="j1_31" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_31_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>css_animation.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_32_anchor" id="j1_32" class="jstree-node text-navy jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_32_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>flot_chart.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_33_anchor" id="j1_33" class="jstree-node text-navy jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_33_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>google_maps.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_34_anchor" id="j1_34" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_34_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>icons.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_35_anchor" id="j1_35" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_35_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>inboice.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_36_anchor" id="j1_36" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_36_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>login.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_37_anchor" id="j1_37" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_37_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>mailbox.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_38_anchor" id="j1_38" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_38_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>profile.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_39_anchor" id="j1_39" class="jstree-node text-navy jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_39_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>register.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_40_anchor" id="j1_40" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_40_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>timeline.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_41_anchor" id="j1_41" class="jstree-node  jstree-leaf">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_41_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>video.html</a>
								</li>
								<li role="treeitem" data-jstree="{&quot;type&quot;:&quot;html&quot;}" aria-selected="false" aria-level="2" aria-labelledby="j1_42_anchor" id="j1_42" class="jstree-node  jstree-leaf jstree-last">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j1_42_anchor">
										<i class="jstree-icon jstree-themeicon fa fa-file-code-o jstree-themeicon-custom" role="presentation"></i>widgets.html</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-6">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<h5>JSON示例</h5>
				<div class="ibox-tools">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<div class="ibox-content">
				<div id="using_json" class="jstree jstree-2 jstree-default" role="tree" aria-multiselectable="true" tabindex="0" aria-activedescendant="j2_14" aria-busy="false">
					<ul class="jstree-container-ul jstree-children" role="group">
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_1_anchor" id="j2_1" class="jstree-node  jstree-leaf">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_1_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Empty Folder</a>
						</li>
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_2_anchor" aria-expanded="true" id="j2_2" class="jstree-node jstree-open">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_2_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Resources</a>
							<ul role="group" class="jstree-children" style="">
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j2_3_anchor" aria-expanded="false" id="j2_3" class="jstree-node jstree-closed">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j2_3_anchor">
										<i class="jstree-icon jstree-themeicon" role="presentation"></i>css</a>
								</li>
								<li role="treeitem" aria-selected="true" aria-level="2" aria-labelledby="j2_8_anchor" aria-expanded="false" id="j2_8" class="jstree-node jstree-closed">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="j2_8_anchor">
										<i class="jstree-icon jstree-themeicon" role="presentation"></i>js</a>
								</li>
								<li role="treeitem" aria-selected="false" aria-level="2" aria-labelledby="j2_14_anchor" aria-expanded="true" id="j2_14" class="jstree-node  jstree-open jstree-last">
									<i class="fa fa-folder fa-2" aria-hidden="true"></i>
									<a class="jstree-anchor" href="#" tabindex="-1" id="j2_14_anchor">
										<i class="jstree-icon jstree-themeicon" role="presentation"></i>html</a>
									<ul role="group" class="jstree-children">
										<li role="treeitem" aria-selected="false" aria-level="3" aria-labelledby="j2_15_anchor" id="j2_15" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j2_15_anchor">
												<i class="jstree-icon jstree-themeicon none jstree-themeicon-custom" role="presentation"></i>layout.html</a>
										</li>
										<li role="treeitem" aria-selected="false" aria-level="3" aria-labelledby="j2_16_anchor" id="j2_16" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j2_16_anchor">
												<i class="jstree-icon jstree-themeicon none jstree-themeicon-custom" role="presentation"></i>navigation.html</a>
										</li>
										<li role="treeitem" aria-selected="false" aria-level="3" aria-labelledby="j2_17_anchor" id="j2_17" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j2_17_anchor">
												<i class="jstree-icon jstree-themeicon none jstree-themeicon-custom" role="presentation"></i>navbar.html</a>
										</li>
										<li role="treeitem" aria-selected="false" aria-level="3" aria-labelledby="j2_18_anchor" id="j2_18" class="jstree-node  jstree-leaf">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j2_18_anchor">
												<i class="jstree-icon jstree-themeicon none jstree-themeicon-custom" role="presentation"></i>footer.html</a>
										</li>
										<li role="treeitem" aria-selected="false" aria-level="3" aria-labelledby="j2_19_anchor" id="j2_19" class="jstree-node  jstree-leaf jstree-last">
											<i class="fa fa-folder fa-2" aria-hidden="true"></i>
											<a class="jstree-anchor" href="#" tabindex="-1" id="j2_19_anchor">
												<i class="jstree-icon jstree-themeicon none jstree-themeicon-custom" role="presentation"></i>sidebar.html</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_20_anchor" id="j2_20" class="jstree-node  jstree-leaf">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_20_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Fonts</a>
						</li>
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_21_anchor" id="j2_21" class="jstree-node  jstree-leaf">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_21_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Images</a>
						</li>
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_22_anchor" id="j2_22" class="jstree-node  jstree-leaf">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_22_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Scripts</a>
						</li>
						<li role="treeitem" aria-selected="false" aria-level="1" aria-labelledby="j2_23_anchor" id="j2_23" class="jstree-node  jstree-leaf jstree-last">
							<i class="fa fa-folder fa-2" aria-hidden="true"></i>
							<!-- <i class="fa fa-folder fa-2" aria-hidden="true"></i> -->
							<a class="jstree-anchor" href="#" tabindex="-1" id="j2_23_anchor">
								<i class="jstree-icon jstree-themeicon" role="presentation"></i>Templates</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="view/plugins/jquery/jquery-1.8.3.min.js"></script>
<script src="view/plugins/jsTree/jstree.min.js"></script>
 <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>

    <script>
        $(document).ready(function () {

            $('#jstree1').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'js': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });

            $('#using_json').jstree({
                'core': {
                    'data': [
                    'Empty Folder',
                        {
                            'text': 'Resources',
                            'state': {
                                'opened': true
                            },
                            'children': [
                                {
                                    'text': 'css',
                                    'children': [
                                        {
                                            'text': 'animate.css',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'bootstrap.css',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'main.css',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'style.css',
                                            'icon': 'none'
                                    }
                                ],
                                    'state': {
                                        'opened': true
                                    }
                            },
                                {
                                    'text': 'js',
                                    'children': [
                                        {
                                            'text': 'bootstrap.js',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'hplus.min.js',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'jquery.min.js',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'jsTree.min.js',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'custom.min.js',
                                            'icon': 'none'
                                    }
                                ],
                                    'state': {
                                        'opened': true
                                    }
                            },
                                {
                                    'text': 'html',
                                    'children': [
                                        {
                                            'text': 'layout.html',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'navigation.html',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'navbar.html',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'footer.html',
                                            'icon': 'none'
                                    },
                                        {
                                            'text': 'sidebar.html',
                                            'icon': 'none'
                                    }
                                ],
                                    'state': {
                                        'opened': true
                                    }
                            }
                        ]
                    },
                    'Fonts',
                    'Images',
                    'Scripts',
                    'Templates',
                ]
                }
            });

        });
    </script>
</body>
</html>